<template>
  <ul>
    <Item
      v-for="item in todo"
      :key="item.id"
      :item="item"
      :changeIsCompleted="changeIsCompleted"
    />
  </ul>
</template>
<script>
import { defineComponent } from "vue";
import Item from "./Item.vue";

export default defineComponent({
  setup() {},
  props: ["todo", "changeIsCompleted"],
  components: { Item },
});
</script>
<style scoped>
ul {
  padding: 0;
}
</style>
